.page {
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    width: 100vw;
    /* height: 115.094rem; */
    overflow: hidden;
}

.section_1 {
    background-color: rgba(0, 0, 0, 1);
    height: 100vh;
    width: 100vw;
}


.box_1 {
    height: 0.96rem;
    background: url(../../img/logo4.png) 100% no-repeat;
    background-size: 100% 100%;
    margin-top: 0.667rem;
    width: 7.76rem;
}

.image-wrapper_1 {
    height: 0.96rem;
    background: url(../../img/logo4.png) 100% no-repeat;
    background-size: 100% 100%;
    width: 7.76rem;
}

.image_1 {
    width: 5.627rem;
    height: 0.96rem;
    margin-left: 2.134rem;
}


.section_3 {
    width: 28.214rem;
    height: 1.627rem;
    margin: 8.08rem 0 0 6.987rem;
    z-index: 9;
}

.text-wrapper_2 {
    width: 28.214rem;
    height: 1.627rem;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text_10 {
    width: 28.214rem;
    height: 1.627rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.96rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text_11 {
    width: 28.214rem;
    height: 1.627rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.733rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text_12 {
    width: 28.214rem;
    height: 1.627rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.96rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text_13 {
    width: 28.214rem;
    height: 1.627rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.733rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text_14 {
    width: 28.214rem;
    height: 1.627rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.96rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text-wrapper_3 {
    width: 19.28rem;
    height: 0.507rem;
    margin: 2.587rem 0 0 0;
}

.text_15 {
    width: 19.28rem;
    height: 0.507rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.533rem;
    font-family: SourceHanSansCN-Normal;
    text-align: center;
    white-space: nowrap;
    line-height: 0.96rem;
}

.section_4 {
    width: 2.24rem;
    height: 0.267rem;
    margin: 12.374rem 0 1.467rem 25.307rem;
}

.box_2 {
    background-color: rgba(255, 255, 255, 0.41);

    width: 0.32rem;
    height: 0.267rem;
}

.box_3 {
    background-color: rgba(0, 136, 223, 0.41);

    width: 0.32rem;
    height: 0.267rem;
    margin-left: 0.64rem;
}

.box_4 {
    background-color: rgba(255, 255, 255, 0.41);

    width: 0.32rem;
    height: 0.267rem;
    margin-left: 0.64rem;
}

.section_5 {
    width: 100vw;
    height: 3.094rem;
}

.box_5 {
    width: 22.88rem;
    height: 3.067rem;
    margin: 0 auto;
}

.box_5 .box_5_div {
    cursor: pointer;
}

.box_5 img {
    visibility: hidden;
}

.activeText img {
    visibility: visible;
}



.activeText .box_5_text {
    /* width: 3.227rem; */
    /* height: 0.774rem; */
    overflow-wrap: break-word;
    color: rgba(0, 136, 223, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    /* margin-top: 1.36rem; */
}

.thumbnail_1 {
    width: 0.427rem;
    height: 0.24rem;
    margin-left: 0.6rem;
    /* margin: 1.654rem 0 0 0.667rem; */
}

.image_2 {
    width: 0.027rem;
    height: 3.067rem;
    /* margin-left: 7.334rem; */
}

.box_5_text {
    overflow-wrap: break-word;
    color: rgba(61, 79, 106, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: right;
    white-space: nowrap;
    line-height: 0.96rem;
    /* margin: 1.254rem 0 0 7.254rem; */
}








.section_6 {
    background-color: rgba(247, 250, 253, 1);
    width: 100vw;
    height: 23.3rem;
    margin-top: -0.026rem;
    position: relative;
}

.section_6 .bg_img {
    width: 100%;
    height: 100%;
    position: absolute;
}

.left_box {
    width: 24rem;
    height: 13.69rem;
    background: #0088DF;
    opacity: 0.74;
    border-radius: 0 0 9rem 0;
}


.text_18 {
    /* width: 17.974rem; */
    height: 0.747rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: right;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 4.027rem 4rem 0 0;
}

.paragraph_1 {
    /* width: 14.67rem; */
    height: 1.76rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: right;
    line-height: 1.28rem;
    margin: 1.84rem 4rem 0 0;
    white-space: nowrap;
}

.text-wrapper_4 {
    cursor: pointer;
    height: 1.6rem;
    border: 1px solid rgba(255, 255, 255, 1);
    width: 6.934rem;
    margin: 2.08rem 4rem 0 0;
}

.text-wrapper_4:hover {
    border: 1px solid rgba(255, 255, 255, 1);
}

.text_19 {
    width: 1.867rem;
    height: 0.454rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.507rem 0 0 2.427rem;
}

.section_7 {
    /* width: 100%; */
    height: 1.52rem;
    /* margin: 12.534rem 0 1.574rem 3.76rem; */
    bottom: 1.57rem;
    left: 3.76rem;
    right: 3.76rem;
}

.text_wrapper {
    background-color: rgba(255, 255, 255, 0.34);
    height: 1.52rem;
    /* width: 7.734rem; */
    padding: 0 .2rem;
    text-align: center;
    line-height: 1.52rem;
    cursor: pointer;
}

.text_wrapper .text {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
}



.text_wrapper_active {
    background-color: #0080cc;
    height: 1.52rem;
    /* width: 7.734rem; */
    padding: 0 .2rem;
    text-align: center;
    line-height: 1.52rem;
}

.text_wrapper_active .text {
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    white-space: nowrap;
}





.section_8 {
    height: 26.3rem;
    background: url(../../img/home_news_bg.png) no-repeat;
    background-size: 100% 100%;
    width: 100vw;
}

.section_9 {
    height: 26.3rem;
    background-size: 77.84rem 26.3rem;
    /* width: 100vw; */
    /* justify-content: flex-center; */
    margin: 2.53rem 0 0 1.81rem;
}

.group_1 {
    width: 32.48rem;
    height: 6.187rem;
    /* margin: 3.52rem auto 0; */
}

.box_6 {
    width: 4.374rem;
    height: 3.414rem;
    margin: 0.32rem 0 2.96rem;
}

.text-wrapper_10 {
    width: 4.214rem;
    height: 1.227rem;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: right;
    white-space: nowrap;
    line-height: 0.96rem;
    margin-left: 0.16rem;
}

.text_25 {
    width: 4.214rem;
    height: 1.227rem;
    overflow-wrap: break-word;
    color: rgba(230, 230, 230, 1);
    font-size: 1.6rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.text_26 {
    width: 4.214rem;
    height: 1.227rem;
    overflow-wrap: break-word;
    color: rgba(230, 230, 230, 1);
    font-size: 1.6rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.96rem;
}

.section_10 {
    width: 2.454rem;
    height: 0.107rem;
    margin-top: 0.614rem;
}

.box_7 {
    background-color: rgba(0, 136, 223, 1);
    width: 1.894rem;
    height: 0.107rem;
}

.box_8 {
    background-color: rgba(0, 136, 223, 1);
    width: 0.374rem;
    height: 0.107rem;
}

.text_27 {
    width: 3.254rem;
    height: 0.774rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: right;
    white-space: nowrap;
    line-height: 0.96rem;
    margin-top: 0.694rem;
}

.box_9 {
    background-color: rgba(255, 255, 255, 1);
    width: 32.48rem;
    height: 6.187rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    transition: all .3s;
    color: rgba(51, 51, 51, 1);

}

.box_9:hover {
    transform: scale(1.1);
    background-color: #0080cc;
    color: #fff;
}

.box_9:hover .text_28 {
    color: #e0d7d7;
}

.box_10 {
    background-color: rgba(0, 0, 0, 1);
    width: 14.907rem;
    height: 5.44rem;
    border: 1px solid rgba(221, 221, 221, 1);
    margin: 0.32rem 0 0 0.48rem;
}

.box_11 {
    width: 15.44rem;
    height: 4.347rem;
    margin: 0.88rem 0.534rem 0 1.12rem;
}

.paragraph_2 {
    width: 15.334rem;
    height: 1.28rem;
    overflow-wrap: break-word;
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    margin-left: 0.107rem;
}

.text_28 {
    width: 15.067rem;
    /* height: 1.2rem; */
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    margin: 0.987rem 0 0 0.107rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 这里是超出几行省略 */
    overflow: hidden;
}

.image_3 {
    width: 2.134rem;
    height: 0.027rem;
    margin-top: 0.854rem;
}

.box_10 .image_3 {
    width: 100%;
    height: 100%;
    margin-top: 0rem;

}

.text-wrapper_11 {
    /* width: 1.867rem; */
    height: 0.454rem;
    margin: 2.53rem 0 0 0;
}

.image_4 {
    visibility: hidden;
    margin-bottom: 1.87rem;
}

.new_active .image_4 {
    visibility: visible;
}

.new_text {
    width: 1.867rem;
    /* height: 0.454rem; */
    overflow-wrap: break-word;
    color: #333333;
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: right;
    white-space: nowrap;
    line-height: 0.96rem;

}

.new_active .new_text {
    color: rgba(0, 136, 223, 1);

}

.image-wrapper_2 {
    width: 2rem;
    height: 0.054rem;
    /* margin: 0.134rem 0 0 6.24rem; */
}

.image_4 {
    width: 2rem;
    height: 0.054rem;
}

.group_2 {
    width: 32.48rem;
    height: 6.187rem;
    margin: 1.63rem 0;
}

.text_30 {
    width: 1.92rem;
    height: 0.454rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: right;
    white-space: nowrap;
    line-height: 0.96rem;
    margin-top: 1.2rem;
}

.group_3 {
    background-color: rgba(255, 255, 255, 1);
    height: 6.187rem;
    width: 15.36rem;
    margin-bottom: 1.63rem;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
    transition: all .3s;
    color: rgba(51, 51, 51, 1);


}

.group_3:hover {
    transform: scale(1.1);
    background-color: #0080cc;
    color: #fff;
}

.group_3:hover .text_35 {
    color: #e0d7d7;
}

.group_3:hover .text_36 {
    color: #e0d7d7;
}

.text-wrapper_12 {
    width: 13.627rem;
    height: 1.307rem;
    margin: 0.987rem 0 0 0.827rem;
}

.text_31 {
    width: 2.027rem;
    height: 0.64rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.paragraph_3 {
    width: 10.08rem;
    height: 1.28rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    margin-top: 0.027rem;
}

.text-wrapper_13 {
    width: 0.96rem;
    height: 0.347rem;
    margin: 0.107rem 0 0 0.854rem;
}

.text_32 {
    width: 0.96rem;
    height: 0.347rem;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.section_11 {
    width: 13.36rem;
    height: 2rem;
    margin: 0.32rem 0 1.12rem 0.854rem;
}

.image_5 {
    width: 2.134rem;
    height: 0.027rem;
    margin-top: 1.974rem;
}

.text_33 {
    width: 9.814rem;
    height: 2rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
}

.group_4 {
    background-color: rgba(255, 255, 255, 1);
    height: 6.187rem;
    width: 15.36rem;
}

.text-wrapper_14 {
    width: 13.627rem;
    height: 1.07rem;
    margin: 0.987rem 0 0 0.827rem;
}

.text_34 {
    width: 2.027rem;
    /* height: 0.64rem; */
    overflow-wrap: break-word;
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    /* line-height: 0.8rem; */
}

.paragraph_4 {
    width: 10.08rem;
    /* height: 1.28rem; */
    overflow-wrap: break-word;
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    margin-top: 0.027rem;
}

.text-wrapper_15 {
    width: 0.96rem;
    height: 0.347rem;
    margin: 0.107rem 0 .5rem 0.854rem;
}

.text_35 {
    width: 0.96rem;
    height: 0.347rem;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.group_5 {
    width: 13.36rem;
    /* height: 2rem; */
    margin: 0.32rem 0 1.12rem 0.854rem;
}

.image_6 {
    width: 2.134rem;
    height: 1.5rem;
    /* height: 0.027rem;
    margin-top: 1.974rem; */
}

.text_36 {
    width: 9.814rem;
    /* height: 2rem; */
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 这里是超出几行省略 */
    overflow: hidden;
}

.group_6 {
    width: 32.48rem;
    height: 6.48rem;
    /* margin: 1.334rem 0 3.467rem 6.4rem; */
}

.text-wrapper_16 {
    background-color: rgba(0, 136, 223, 1);
    border-radius: 50%;
    height: 1.654rem;
    width: 1.654rem;
    margin-top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.paragraph_5 {
    /* width: 0.854rem; */
    /* height: 0.907rem; */
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: right;
    line-height: 0.6rem;
    /* margin: 0.374rem 0 0 0.4rem; */
    white-space: nowrap;
}

.group_7 {
    background-color: rgba(255, 255, 255, 1);
    height: 6.187rem;
    width: 15.36rem;
    margin: 0.294rem 0 0 0;
}

.text-wrapper_17 {
    width: 13.627rem;
    height: 1.307rem;
    margin: 0.987rem 0 0 0.827rem;
}

.text_37 {
    width: 2.027rem;
    height: 0.64rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.paragraph_6 {
    width: 10.08rem;
    height: 1.28rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    margin-top: 0.027rem;
}

.text-wrapper_18 {
    width: 0.96rem;
    height: 0.347rem;
    margin: 0.107rem 0 0 0.854rem;
}

.text_38 {
    width: 0.96rem;
    height: 0.347rem;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.block_1 {
    width: 13.36rem;
    height: 2rem;
    margin: 0.32rem 0 1.12rem 0.854rem;
}

.image_7 {
    width: 2.134rem;
    height: 0.027rem;
    margin-top: 1.974rem;
}

.text_39 {
    width: 9.814rem;
    height: 2rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
}

.group_8 {
    background-color: rgba(255, 255, 255, 1);
    height: 6.187rem;
    width: 15.36rem;
    margin: 0.294rem 0 0 0;
}

.text-wrapper_19 {
    width: 13.627rem;
    height: 1.307rem;
    margin: 0.987rem 0 0 0.827rem;
}

.text_40 {
    width: 2.027rem;
    height: 0.64rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.paragraph_7 {
    width: 10.08rem;
    height: 1.28rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
    margin-top: 0.027rem;
}

.text-wrapper_20 {
    width: 0.96rem;
    height: 0.347rem;
    margin: 0.107rem 0 0 0.854rem;
}

.text_41 {
    width: 0.96rem;
    height: 0.347rem;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.8rem;
}

.box_12 {
    width: 13.36rem;
    height: 2rem;
    margin: 0.32rem 0 1.12rem 0.854rem;
}

.image_8 {
    width: 2.134rem;
    height: 0.027rem;
    margin-top: 1.974rem;
}

.text_42 {
    width: 9.814rem;
    height: 2rem;
    overflow-wrap: break-word;
    color: rgba(102, 102, 102, 1);
    font-size: 0.426rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    line-height: 0.8rem;
}



.shuzihuaanli {
    width: 100vw;
    height: 23.3rem;
    margin-top: -0.026rem;
    border-top: 1px solid #ccc;
}

.al_title {
    color: rgba(61, 79, 106, 1);
    font-size: 0.96rem;
    text-align: center;
    white-space: nowrap;
    line-height: 1.28rem;
    margin: 2.174rem auto;
}

.al_box {
    width: 37.334rem;
    height: 14.8rem;
    margin: 1.547rem 0 0 7.307rem;

}


.shuzihuaanli .box_item {
    box-shadow: 0px 5px 8px 0px rgba(213, 213, 213, 0.39);
    background-color: rgba(255, 255, 255, 1);
    width: 6.294rem;
    height: 12.027rem;
    border: 1px solid rgba(239, 238, 244, 1);
    margin-top: 0.88rem;
    transition: all .3s;
    cursor: pointer;
}

.shuzihuaanli .box_item_block {
    background-color: rgba(239, 238, 244, 1);

    width: 5.867rem;
    height: 8.534rem;
    margin: 0.187rem auto;
}

.shuzihuaanli .text_name {
    /* width: 3.894rem; */
    height: 0.48rem;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.854rem 0.534rem 0 0.534rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.shuzihuaanli .detail_wrapper {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 17px;
    height: 0.934rem;
    border: 1px solid rgba(210, 210, 210, 1);
    width: 2.4rem;
    margin: 0.56rem 0 0.48rem 0.534rem;
}

.shuzihuaanli .detail_btn {
    width: 1.52rem;
    height: 0.374rem;
    overflow-wrap: break-word;
    color: rgba(8, 103, 203, 1);
    font-size: 0.373rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.214rem 0 0 0.4rem;
}

.shuzihuaanli .active_box {
    box-shadow: 0px 5px 8px 0px rgba(213, 213, 213, 0.39);
    background-color: rgba(0, 136, 223, 1);

    width: 7.734rem;
    height: 14.8rem;
    border: 1px solid rgba(239, 238, 244, 1);
    /* margin-left: 0.747rem; */
}

.active_box .box_item_block {
    background-color: rgba(239, 238, 244, 1);

    width: 7.227rem;
    height: 10.507rem;
    margin: 0.214rem auto;
}

.active_box .text_name {
    width: 4.934rem;
    height: 0.48rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.8rem 0 0 0.427rem;
}

.active_box .detail_wrapper {
    background-color: rgba(239, 238, 244, 0);
    border-radius: 17px;
    height: 0.934rem;
    border: 1px solid rgba(233, 233, 233, 0.29);
    width: 2.4rem;
    margin: 0.56rem 0 1.307rem 0.454rem;
}

.active_box .detail_btn {
    width: 1.52rem;
    height: 0.374rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.373rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.214rem 0 0 0.4rem;
}



.box_14 {
    background-color: rgba(82, 89, 109, 1);

    height: 26.3rem;
    width: 100vw;
    position: relative;

}

.box_14 .section_12 {
    width: 37.227rem;
    height: 12.507rem;
    margin: 0.054rem 0 0 7.094rem;
    cursor: pointer;
}

.box_14 .image_18 {
    width: 0.027rem;
    height: 9.414rem;
}

.box_14 .paragraph_12 {
    width: 1.494rem;
    height: 7.227rem;
    overflow-wrap: break-word;
    color: rgba(244, 244, 244, 1);
    font-size: 1.6rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: center;
    line-height: 1.92rem;
    margin: 3.334rem 0 0 1.547rem;
}

.box_14 .block_7 {
    width: 32.934rem;
    height: 9.574rem;
    margin: 2.934rem 0 0 1.227rem;
}

.box_14 .box_15 {
    background-color: rgba(121, 131, 156, 1);
    height: 10.43rem;
    width: 33.574rem;
    position: absolute;
    left: 17.627rem;
    top: -0.053rem;
}

.box_14 .box_16 {
    background-color: rgba(204, 204, 204, 0);
    border-radius: 50%;
    height: 2.56rem;
    border: 1px solid rgba(154, 156, 171, 1);
    width: 2.56rem;
    position: relative;
    margin: 3.2rem 0 0 0.88rem;
}

.box_14 .text_46 {
    width: 1.867rem;
    height: 0.48rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.774rem 0 0 0.827rem;
}

.box_14 .image_19 {
    position: absolute;
    left: 1.307rem;
    top: 1.334rem;
    width: 2.64rem;
    height: 0.027rem;
}

.box_14 .section_13 {
    width: 35.094rem;
    height: 10.16rem;
    margin: 3.174rem 0 2.88rem 7.707rem;
    cursor: pointer;
}

.box_14 .box_17 {
    width: 32.24rem;
    height: 10.16rem;
}

.box_14 .block_8 {
    background-color: rgba(121, 131, 156, 1);
    height: 10.43rem;
    width: 34.747rem;
    position: absolute;
    left: 0;
    bottom: 0;
}

.box_14 .block_9 {
    background-color: rgba(204, 204, 204, 0);
    border-radius: 50%;
    height: 2.56rem;
    border: 1px solid rgba(154, 156, 171, 1);
    margin-top: 5.774rem;
    width: 2.56rem;
    position: relative;
    left: 27.4rem;
}

.box_14 .text_47 {
    width: 1.867rem;
    height: 0.48rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.774rem 0 0 0.827rem;
}

.box_14 .image_20 {
    position: absolute;
    left: 1.307rem;
    top: 1.334rem;
    width: 2.64rem;
    height: 0.027rem;
}

.box_14 .paragraph_13 {
    width: 1.494rem;
    height: 9.147rem;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: 1.6rem;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    text-align: right;
    line-height: 1.92rem;
}

.box_14 .text-wrapper_17 {
    background-color: #0080cc;
    position: absolute;
    left: 18.134rem;
    top: 6.254rem;
    /* background-color: rgba(137, 134, 150, 0.72); */
    border-radius: 3px 3px 3px 81px;
    height: 2.267rem;
    width: 18.574rem;
}

.box_14 .text_48 {
    width: 13.467rem;
    height: 0.774rem;
    overflow-wrap: break-word;
    color: rgba(232, 234, 234, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.907rem 0 0 1.094rem;
}

.box_14 .section_14 {
    background-color: #0080cc;
    position: absolute;
    left: 27.147rem;
    top: 23.25rem;
    border-radius: 3px 3px 3px 81px;
    height: 2.267rem;
    width: 7.254rem;
    z-index: 99;
}

.box_14 .text_49 {
    width: 3.147rem;
    height: 0.774rem;
    overflow-wrap: break-word;
    color: rgba(232, 234, 234, 1);
    font-size: 0.8rem;
    font-family: SourceHanSansCN-Normal;
    text-align: left;
    white-space: nowrap;
    line-height: 0.48rem;
    margin: 0.81rem 0 0 2.2rem;
}

.box_14 .image_21 {
    position: absolute;
    left: -15.733rem;
    top: -20.36rem;
    width: 0.027rem;
    height: 9.414rem;
}

.box_14 .image_22 {
    position: absolute;
    left: 44.107rem;
    top: 13.16rem;
    width: 0.027rem;
    height: 22.08rem;
}

.box_14 .image_23 {
    position: absolute;
    left: 39.867rem;
    top: 19rem;
    width: 0.027rem;
    height: 22.08rem;
}

.box_14 .label_1 {
    position: absolute;
    left: 15.36rem;
    top: 6.694rem;
    width: 0.907rem;
    height: 0.907rem;
}

.box_14 .label_2 {
    position: absolute;
    left: 38.19rem;
    top: 22rem;
    width: 0.907rem;
    height: 0.907rem;
}


.idbox {
    display: none;
}

.show {
    display: block;
}